<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>AdminTheme - Ultimate Admin Panel Solution</title>
		<style>
			.clear{clear:both}
			.wrapper{width:960px;margin:10px auto;padding:10px;background:#fff;}
			body{background:#999;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;line-height:18px;font-size:12px;}
			img{padding:5px;border:1px solid #eee;margin:5px;}
		</style>
	</head>
	<body>
		
<div class="wrapper">
<h1>AdminTheme - Ultimate Admin Panel Solution</h1>
<p>Created: 04/06/2009<br/>
By: rzepak<br/>
Contact Info: rzepak@gmail.com<br/>
</p>
Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email, via my user page contact form. Thanks so much!

<h2>TABLE OF CONTENTS</h2>
<ol>
	
	<li>HTML Structure & CSS Files</li>
	<li>Javascript</li>
	<li>PSD file</li>	
	<li>Credits</li>
</ol>

<h2>To avoid any problems and misunderstandings please be sure you have red whole help file before contacting me</h2>




<h3>Ad 1. HTML Structure </h3>
Structure of theme is validated and successfully checked as XHTML 1.0 Transitional!
I've tried to comment all sections in html source, and make is readable as possible. Basically you have div with id container, which holds everything in it and keep it centered on the screen. Then you have
profile_info, where basic info and avatar of logged person is kept.<br/>
Logo is located in "img/logo.jpg". I've included psd file, so you can change it easily. Remember that it has specific size, declared in CSS file "div#logo h1 a". I think html structure is quite self explanatory.
<br/> There are main sections like "dashboard","sidebar","shortcuts", "postedit", "tabledata". Some css properties could inherit from this main classes, so try to check it when something you changed lost styling<br/>
I'm using <a href="http://www.positioniseverything.net/easyclearing.html">clearfix</a> to clear floated divs, so if you're making new structure, just give class="clearfix" to the wrapper. I've also use css reset, so the beginning of css file is just reset, better don't touch this ;)
If you would like to edit the color, font, or style of any elements in one of these columns, you would do the following:<br/>

#container a {<br/>
   color: #someColor;<br/>
} <br/>
<br/>
If you want to make another section, make div with class="section".<br/>
If you find that your new style is not overriding, it is most likely because of a specificity problem. Scroll down in your CSS file and make sure that there isn't a similar style that has more weight. 
<h3>Ad 2. Javascript </h3>
I used jQuery UI, whole modules and effects are included in theme, so if you want to add some effect, just write code. I've used also markitup to textarea and jQuery Flot plugin for charts, and custom function for accordion menu.
All code you can find in "js/custom.js".
<h4>Ad 3. PSD </h3>
I've included psd file, with groups for blue and brown version. I think it's quite self explanatory, I've named all layers, so you shouldn't have a problem.

<h4>Ad 4. Credits </h3>
Credits for wefunction.com for their free icon pack - http://wefunction.com/2008/07/function-free-icon-set/ 
and FAMFAMFAM http://famfamfam.com/ for silk icons
and to authors of jquery plugins used in themes.
<br/><br/>
Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. 
No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your
question in the "Item Discussion" section. 
<br/>
rzepak
<p>
    <a href="http://validator.w3.org/check?uri=referer"><img
        src="http://www.w3.org/Icons/valid-xhtml10-blue"
        alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
  </p>
</div>

  
	</body>
</html>
